var charIndex = -1;
var stringLength = 0;
var inputText;

function writeContent(init) {
    if (init) {
        inputText = document.getElementById('contentToWrite').innerHTML;
    }
    if (charIndex == -1) {
        charIndex = 0;
        stringLength = inputText.length;
    }
    var initString = document.getElementById('myContent').innerHTML;
    initString = initString.replace(/<SPAN.*$/gi, "");

    var theChar = inputText.charAt(charIndex);
    var nextFourChars = inputText.substr(charIndex, 4);
    if (nextFourChars == '<BR>' || nextFourChars == '<br>') {
        theChar = '<BR>';
        charIndex += 3;
    }
    initString = initString + theChar + "<SPAN id='blink'>_</SPAN>";
    document.getElementById('myContent').innerHTML = initString;

    charIndex = charIndex / 1 + 1;
    if (charIndex % 2 == 1) {
        document.getElementById('blink').style.display = 'none';
    } else {
        document.getElementById('blink').style.display = 'inline';
    }

    if (charIndex <= stringLength) {
        setTimeout('writeContent(false)', 140);
    } else {
        blinkSpan();
        document.body.style.backgroundImage = 'url(images/bg.jpg)';
    }
}

var currentStyle = 'inline';

function blinkSpan() {
    if (currentStyle == 'inline') {
        currentStyle = 'none';
    } else {
        currentStyle = 'inline';
    }
    document.getElementById('blink').style.display = currentStyle;
    setTimeout('blinkSpan()', 100);
}
